<template>
	<view class="main">
		<iconMusic/>
		<next/>
		<view class="uni-title-one">{{resInfo.lineOne}}</view>
		<view class="uni-title-two">
			{{ resInfo.lineTwo.textOne }}
			<text class="yellow">{{ data.num1 }}</text>
			{{ resInfo.lineTwo.textTwo }}
			<text class="yellow">{{ data.num2}}</text>
			{{ resInfo.lineTwo.textThree }}
		</view>
	</view>
</template>

<script setup>
	import teacher from '/stateData/teacher.js'
	import { reactive } from 'vue'
	const { resInfo } = teacher
	const data = reactive({
		num1:3,
		num2:4
	})
</script>

<style lang="scss" scoped>
	@import url(/static/css/style.css);
	.main{
		width: 100%;
		height: 100vh;
		background: url(http://rjinbysql.hn-bkt.clouddn.com/static/images/tebg-resInfo.png) no-repeat;
		background-size: 100% 100%;
	}
</style>